<template>
    <div >
     <a-card title="赞助列表" >
      <a-timeline mode="alternate">
        <a-timeline-item v-for="record of cardRecords" :key="record.id" :color="useRandomColor()"> 
          {{record.time}} —— <a-button @click="record.handle">{{record.content}}</a-button>
        </a-timeline-item>
      </a-timeline>
     </a-card>
    </div>
  </template>
  <script>
  import {listViewConfig} from '@vp/show/list.js';
  import {useRandomColor} from '@u/color.js';
  export default {
   setup(){
     const {cardRecords}=listViewConfig
     return {cardRecords,useRandomColor}
   }
  
  }
  </script>